<div id="aboutPage" class="twoColumns">
	<div class="wideColumn">
		<div class="breadcrumbsWrapper">
			<ul class="breadcrumbs">
				<li><a href="{SITE_ROOT}{LANG}/">Главная</a></li>
				<li>»</li>
				<li><a href="{SITE_ROOT}{LANG}/about/">О нас</a></li>
				<li>»</li>
				<li>Ресурсы</li>
			</ul>
		</div>
				
		<!-- BEGIN About -->
		<div id="buttons">
			<h1>Ресурсы</h1>
			
			<h2 class="withBorder">Кнопки</h2>
			
			<div id="buttonBlocks">
				<a href="/buttons/savetofoursquare" class="buttonLink">
					<div class="buttonBlock">
						<div class="exampleButton saveButton"></div>
						<h3>Save to Foursquare</h3>
						Do you write about places? With the 'Save to Foursquare' button, your readers can bookmark those places and get a reminder when they're out exploring!
					</div>
				</a>
				<a href="/buttons/likebutton" class="buttonLink">
					<div class="buttonBlock">
						<div class="exampleButton likeButton"></div>
						<h3>Кнопка "Мне нравится"</h3>
						Engage with the Foursquare community in the real world. When they check in, your followers will see your tips first.
						<br /><br />
					</div>
				</a>
			</div>
			
			<h2 class="withBorder">Логотипы и пиктограммы</h2>
			
			<div id="buttons-grid">
				<p>
					Click on a logo or icon below to download it for your website. 
					All uses of the Foursquare trademarks and logos are subject to Foursquare's <a href="{SITE_ROOT}legal/trademark">Trademark and Brand Feature Guidelines</a>.
				</p>
				<div id="brandBook">
					<a href="https://playfoursquare.s3.amazonaws.com/press/foursquare-brandbook.pdf"><img src="{TPL_PATH}images/brandbook.png" alt="Брендбук" width="290" height="180"></a>
					<h3>Foursquare Brand Book</h3>
					<p>
						Our branding is essential to the Foursquare experience. We created this document to help communicate our branding guidelines to partners seeking to feature Foursquare. This guide is provided to keep the brand focused and unique.
					</p>
					<p>
						Download the <a href="https://playfoursquare.s3.amazonaws.com/press/foursquare-brandbook.pdf">Foursquare Brand Book PDF</a>
					</p>
				</div>
				
				<h3>Foursquare Logo</h3>
				<div id="imgGroup">
					<div class="imgGroup">
						<a href="https://playfoursquare.s3.amazonaws.com/press/logo/foursquare-logo.png"><img src="{TPL_PATH}images/press/foursquare.png" alt="" width="165" height="45"></a>
						<br />
						<a href="https://playfoursquare.s3.amazonaws.com/press/logo/foursquare-logo.png">PNG - 545x149px</a>
					</div>
					<div class="imgGroup">
						<a href="https://playfoursquare.s3.amazonaws.com/press/logo/foursquare-logo.eps"><img src="{TPL_PATH}images/press/foursquare.png" alt="" width="165" height="45"></a>
						<br />
						<a href="https://playfoursquare.s3.amazonaws.com/press/logo/foursquare-logo.eps">Vector EPS</a>
					</div>
					<div class="imgGroup whiteBorder">
						<a href="https://playfoursquare.s3.amazonaws.com/press/logo/foursquare-logo-border.eps"><img src="{TPL_PATH}images/press/foursquare-border.png" alt="" width="165" height="47"></a>
						<br />
						<a href="https://playfoursquare.s3.amazonaws.com/press/logo/foursquare-logo-border.eps">Vector EPS with Border</a>
					</div>
				</div>
				
				<h3>Пиктограммы программы и социальной сети</h3>
				<div id="imgGroup" class="socialMedia">
					<div class="imgGroup">
						<a href="https://playfoursquare.s3.amazonaws.com/press/logo/icon-512x512.png"><img src="{TPL_PATH}images/press/icon-100x100.png" alt="" height="100"></a>
						<br />
						<a href="https://playfoursquare.s3.amazonaws.com/press/logo/icon-512x512.png">PNG - 512px</a> 
						or 
						<a href="https://playfoursquare.s3.amazonaws.com/press/logo/ball_icon.ai">Vector</a>
					</div>
					<div class="imgGroup socialMedia36">
						<a href="https://playfoursquare.s3.amazonaws.com/press/logo/icon-36x36.png"><img src="{TPL_PATH}images/press/icon-36x36.png" alt="" height="36"></a>
						<br />
						<a href="https://playfoursquare.s3.amazonaws.com/press/logo/icon-36x36.png">PNG - 36px</a>
					</div>
					<div class="imgGroup socialMedia16">
						<a href="https://playfoursquare.s3.amazonaws.com/press/logo/icon-16x16.png"><img src="{TPL_PATH}images/press/icon-16x16.png" alt="" height="16"></a>
						<br />
						<a href="https://playfoursquare.s3.amazonaws.com/press/logo/icon-16x16.png">PNG - 16px</a>
					</div>
				</div>
				
				<h3>Connect to Foursquare Buttons</h3>
				<div id="imgGroup">
					<div class="imgGroup">
						<a href="https://playfoursquare.s3.amazonaws.com/press/logo/connect-black.png"><img src="{TPL_PATH}images/press/connect-black.png" alt=""></a>
						<br />
						<a href="https://playfoursquare.s3.amazonaws.com/press/logo/connect-black.png">PNG</a> 
						or 
						<a href="https://playfoursquare.s3.amazonaws.com/press/logo/connect-black@2x.png">@2x Retina PNG</a>
					</div>
					<div class="imgGroup">
						<a href="https://playfoursquare.s3.amazonaws.com/press/logo/connect-blue.png"><img src="{TPL_PATH}images/press/connect-blue.png" alt=""></a>
						<br />
						<a href="https://playfoursquare.s3.amazonaws.com/press/logo/connect-blue.png">PNG</a> 
						or 
						<a href="https://playfoursquare.s3.amazonaws.com/press/logo/connect-blue@2x.png">@2x Retina PNG</a>
					</div>
					<div class="imgGroup">
						<a href="https://playfoursquare.s3.amazonaws.com/press/logo/connect-white.png"><img src="{TPL_PATH}images/press/connect-white.png" alt=""></a>
						<br />
						<a href="https://playfoursquare.s3.amazonaws.com/press/logo/connect-white.png">PNG</a> 
						or 
						<a href="https://playfoursquare.s3.amazonaws.com/press/logo/connect-white@2x.png">@2x Retina PNG</a>
					</div>
				</div>
				
				<h3>Кнопки "Выполнить чекин в"</h3>
				<div id="imgGroup">
					<div class="imgGroup"><a href="https://playfoursquare.s3.amazonaws.com/press/logo/checkinon-black.png"><img src="{TPL_PATH}images/press/checkinon-black.png" alt=""></a>
						<br />
						<a href="https://playfoursquare.s3.amazonaws.com/press/logo/checkinon-black.png">PNG</a> 
						or 
						<a href="https://playfoursquare.s3.amazonaws.com/press/logo/checkinon-black@2x.png">@2x Retina PNG</a>
					</div>
					<div class="imgGroup">
						<a href="https://playfoursquare.s3.amazonaws.com/press/logo/checkinon-blue.png"><img src="{TPL_PATH}images/press/checkinon-blue.png" alt=""></a>
						<br />
						<a href="https://playfoursquare.s3.amazonaws.com/press/logo/checkinon-blue.png">PNG</a> 
						or 
						<a href="https://playfoursquare.s3.amazonaws.com/press/logo/checkinon-blue@2x.png">@2x Retina PNG</a>
					</div>
					<div class="imgGroup">
						<a href="https://playfoursquare.s3.amazonaws.com/press/logo/checkinon-white.png"><img src="{TPL_PATH}images/press/checkinon-white.png" alt=""></a>
						<br />
						<a href="https://playfoursquare.s3.amazonaws.com/press/logo/checkinon-white.png">PNG</a> 
						or 
						<a href="https://playfoursquare.s3.amazonaws.com/press/logo/checkinon-white@2x.png">@2x Retina PNG</a>
					</div>
				</div>
				
				<h3>Powered by Foursquare Logo</h3>
				<div id="imgGroup" class="poweredBy">
					<div class="imgGroup">
						<a href="https://playfoursquare.s3.amazonaws.com/press/logo/poweredByFoursquare_36x36.png"><img src="{TPL_PATH}images/press/poweredByFoursquare_36x36.png"></a>
						<br />
						<a href="https://playfoursquare.s3.amazonaws.com/press/logo/poweredByFoursquare_36x36.png">PNG - 36px</a>
						<br /><br />
						<a href="https://playfoursquare.s3.amazonaws.com/press/logo/poweredByFoursquare_16x16.png"><img src="{TPL_PATH}images/press/poweredByFoursquare_16x16.png"></a>
						<br />
						<a href="https://playfoursquare.s3.amazonaws.com/press/logo/poweredByFoursquare_16x16.png">PNG - 16px</a>
					</div>
					<div class="imgGroup wideImgGroup">
						<a href="https://playfoursquare.s3.amazonaws.com/press/logo/poweredByFoursquare_gray.png"><img src="{TPL_PATH}images/press/poweredByFoursquare_gray.png" alt="" width="335"></a>
						<br />
						<a href="https://playfoursquare.s3.amazonaws.com/press/logo/poweredByFoursquare_gray.png">Gray</a> 
						or 
						<a href="https://playfoursquare.s3.amazonaws.com/press/logo/poweredByFoursquare_white.png">White</a>
					</div>
				</div>
				
				<h3>Window Cling Graphic</h3>
				<div id="imgGroup">
					<div class="imgGroup">
						<a href="https://playfoursquare.s3.amazonaws.com/press/misc/windowcling.pdf"><img src="{TPL_PATH}images/press/windowcling.png" alt="" width="100" height="100"></a>
						<br />
						<a href="https://playfoursquare.s3.amazonaws.com/press/misc/windowcling.pdf">PDF</a>
					</div>
					<div class="imgGroup">
						<a href="https://playfoursquare.s3.amazonaws.com/press/misc/popularcling.pdf"><img src="{TPL_PATH}images/press/popularcling.png" alt="" width="100" height="100"></a>
						<br />
						<a href="https://playfoursquare.s3.amazonaws.com/press/misc/popularcling.pdf">PDF</a>
					</div>
				</div>
				
				<h3>One Color Logo</h3>
				<div id="imgGroup">
					<div class="imgGroup wideImgGroup"><a href="https://playfoursquare.s3.amazonaws.com/press/misc/onecolor.eps"><img src="{TPL_PATH}images/press/onecolor.png" alt="" width="100" height="100"></a>
						<br />
						<a href="https://playfoursquare.s3.amazonaws.com/press/misc/onecolor.eps">Vector</a>
					</div>
				</div>
			</div>
			
		</div>
		<!-- END About -->
	</div>
	<div class="narrowColumn">
		<div>
			<ul class="sidebarMenu">
				<li id="about" title="О нас">
					<a href="{SITE_ROOT}{LANG}/about/">О нас</a>
				</li>
				<li id="contact" title="Контакт">
					<a href="{SITE_ROOT}{LANG}/about/contact/">Контакт</a>
				</li>
				<li id="contact" title="Команда">
					<a href="{SITE_ROOT}{LANG}/about/team/">Команда</a>
				</li>
				<li id="contact" class="selected" title="Ресурсы">
					<a href="{SITE_ROOT}{LANG}/about/logos/">Ресурсы</a>
				</li>
				<li id="contact" title="Скриншоты и фотографии">
					<a href="{SITE_ROOT}{LANG}/about/photos/">Скриншоты и фотографии</a>
				</li>
				<li id="contact" title="Сообщество">
					<a href="{SITE_ROOT}{LANG}/about/community/">Сообщество</a>
				</li>
			</ul>
			<div class="box">
				<h5>Также ищите 21plus в</h5>
				<a href="http://twitter.com/21plus"><img src="{TPL_PATH}images/twitter_32.png" alt="Twitter" width="32" height="32"></a>
				<a href="http://www.facebook.com/21plus"><img src="{TPL_PATH}images/icon_facebook_32.png" alt="Facebook" width="32" height="32"></a>
				<a href="https://plus.google.com/21plus"><img src="{TPL_PATH}images/icon_gplus_32.png" alt="Google+" width="32" height="32"></a>
			</div>
		</div>
		
		<!-- BEGIN Footer -->
		<div id="sidebarFooter">
			<p>
				
			</p>
		</div>
		<!-- END Footer -->
	</div>
</div>